main{
    padding: 0 10px;
    overflow: scroll;
    
    h4{
        margin: 10px 0;
    }
    .new{
        box-shadow: 5px 5px 5px 2px #ddd;
        border-radius: 10px;
        padding-bottom: 10px;
        img{
            width: 100%;
            border-radius: 10px 10px 0 0;
            background-color: #9a9a99;
        }
       h5{
           font-size: 16px;
           margin: 5px 0 5px 10px;
        }
        p{
            font-size: 14px;
            color: #9a9a99;
           margin-left: 10px;
           white-space: nowrap;
           overflow: hidden;
           text-overflow: ellipsis;
           
        };
    }
    .course{
            height: 140px;
            border-radius: 10px;
            background-color: #9a9a99;
            box-shadow: 5px 5px 5px 2px #ddd;
            margin-bottom: 10px;
            li{
                position: relative;
                margin-bottom: 10px;
                img{
                    width: 100%;
                    border-radius: 10px;
                    background-color: #9a9a99;
                }
                .title{
                    position: absolute;
                    top: 70px;
                    left: 0;
                h5{
                    font-size: 16px;
                    margin: 5px 0 5px 10px;
                    font-weight: bolder;
                    margin-bottom: 10px;
                    color: #fff;
                 }
                 p{
                     font-size: 14px;
                     margin: 5px 0 5px 10px;
                     color: #fff;
                 }
    
                }
               
            }
           
    }
}